﻿<Page x:Name="page_stats" x:Class="WGM.PageStats"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:metro="http://schemas.codeplex.com/elysium"
      xmlns:params="http://schemas.codeplex.com/elysium/params"
      mc:Ignorable="d" 
      d:DesignHeight="501" d:DesignWidth="1044"
	Title="PageStats" Width="Auto" Height="Auto" Loaded="page_stats_Loaded">

    <Grid x:Name="grid_stats" Background="{Binding Background, ElementName=theme_element}">
        <ListBox x:Name="theme_element" HorizontalAlignment="Left" Height="100" Margin="390,10,0,0" VerticalAlignment="Top" Width="100" Visibility="Hidden" Grid.Column="1"/>
        <Label x:Name="label1" Content="General Stats" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" FontFamily="Segoe UI Semibold" BorderThickness="0,0,0,1" BorderBrush="{Binding Foreground, ElementName=textbox_playtime}" Grid.ColumnSpan="2"/>
        <Label x:Name="label" Content="Total Playtime:" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="10,32,0,0" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" />
        <TextBox x:Name="textbox_playtime" HorizontalAlignment="Left" Height="23" Margin="117,35,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
        <Label Content="Since March 8, 2013" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,1,0,0" VerticalAlignment="Top" FontFamily="Segoe WP SemiLight" HorizontalAlignment="Right" Opacity="0.8"/>
        <Label Content="Average Session:" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="10,63,0,0" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" />
        <TextBox x:Name="textbox_avg" HorizontalAlignment="Left" Height="23" Margin="117,66,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
        <TabControl x:Name="tabcontrol_mostplayed" Margin="1,110,0,0">
            <TabItem Header="Most Played">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="249*"/>
                        <ColumnDefinition Width="250*"/>
                    </Grid.ColumnDefinitions>
                    <Label Content="Total Playtime" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="31,0,0,0" FontFamily="Segoe WP Semibold" Height="27" VerticalAlignment="Bottom" />
                    <TextBox x:Name="textbox_tpmp" HorizontalAlignment="Left" Height="23" Margin="125,0,0,2" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Bottom" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
                    <Label x:Name="label_top1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,30,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,55,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top2" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,30,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top22" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,55,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top3" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="439,30,438,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top33" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="439,55,438,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top4" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,30,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top44" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,55,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top5" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="325,30,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top55" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="325,55,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Image x:Name="image_cover2" Margin="0,85,120,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover1" Margin="0,85,324,0" Source="Resources/WGM_icon_dark.png" HorizontalAlignment="Right" Width="165" Height="225" VerticalAlignment="Top">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover3" Margin="439,85,438,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Center" Width="166" Grid.ColumnSpan="2">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover4" Margin="123,85,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover5" Margin="325,85,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Label Content="#1" Margin="0,1,324,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label x:Name="label_no2" Content="#2" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,1,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#3" HorizontalAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="439,1,438,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.ColumnSpan="2"/>
                    <Label Content="#4" Margin="123,1,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                    <Label Content="#5" Margin="325,1,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                </Grid>
            </TabItem>
            <TabItem Header="Today" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Grid Margin="0,-4,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="249*"/>
                        <ColumnDefinition Width="250*"/>
                    </Grid.ColumnDefinitions>
                    <Label Content="Total Playtime" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="31,0,0,0" FontFamily="Segoe WP Semibold" Height="27" VerticalAlignment="Bottom" />
                    <TextBox x:Name="textbox_tpt" HorizontalAlignment="Left" Height="23" Margin="125,0,0,2" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Bottom" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
                    <Label x:Name="label_top1_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top11_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top2_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top22_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top3_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,34,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top33_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,59,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top4_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top44_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top5_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="325,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top55_1" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="325,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Image x:Name="image_cover2_1" Margin="0,89,120,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover1_1" Margin="0,89,324,0" Source="Resources/WGM_icon_dark.png" HorizontalAlignment="Right" Width="165" Height="225" VerticalAlignment="Top">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover3_1" Margin="416,89,415,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Center" Width="166" Grid.ColumnSpan="2">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover4_1" Margin="123,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover5_1" Margin="325,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Label Content="#1" Margin="0,5,324,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#2" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,5,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#3" HorizontalAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="416,5,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.ColumnSpan="2"/>
                    <Label Content="#4" Margin="123,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                    <Label Content="#5" Margin="325,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                </Grid>
            </TabItem>
            <TabItem Header="This Week" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Grid Margin="0,-4,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="249*"/>
                        <ColumnDefinition Width="250*"/>
                    </Grid.ColumnDefinitions>
                    <Label Content="Total Playtime" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="31,0,0,0" FontFamily="Segoe WP Semibold" Height="27" VerticalAlignment="Bottom" />
                    <TextBox x:Name="textbox_tpw" HorizontalAlignment="Left" Height="23" Margin="125,0,0,2" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Bottom" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
                    <Label x:Name="label_top1_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top11_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top2_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top22_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top3_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,34,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top33_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,59,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top4_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top44_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top5_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="325,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top55_11" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="325,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Image x:Name="image_cover2_11" Margin="0,89,120,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover1_11" Margin="0,89,324,0" Source="Resources/WGM_icon_dark.png" HorizontalAlignment="Right" Width="165" Height="225" VerticalAlignment="Top">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover3_11" Margin="416,89,415,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Center" Width="166" Grid.ColumnSpan="2">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover4_11" Margin="123,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover5_11" Margin="325,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Label Content="#1" Margin="0,5,324,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#2" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,5,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#3" HorizontalAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="416,5,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.ColumnSpan="2"/>
                    <Label Content="#4" Margin="123,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                    <Label Content="#5" Margin="325,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                </Grid>
            </TabItem>
            <TabItem Header="This Month" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Grid Margin="0,-4,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="249*"/>
                        <ColumnDefinition Width="250*"/>
                    </Grid.ColumnDefinitions>
                    <Label Content="Total Playtime" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="31,0,0,0" FontFamily="Segoe WP Semibold" Height="27" VerticalAlignment="Bottom" />
                    <TextBox x:Name="textbox_tpm" HorizontalAlignment="Left" Height="23" Margin="125,0,0,2" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Bottom" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
                    <Label x:Name="label_top1_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top11_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,324,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderBrush="Black" />
                    <Label x:Name="label_top2_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,34,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top22_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,59,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" BorderBrush="Black" />
                    <Label x:Name="label_top3_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,34,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top33_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Center" Margin="416,59,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" BorderBrush="Black" Grid.ColumnSpan="2" />
                    <Label x:Name="label_top4_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top44_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="123,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top5_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="325,34,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Label x:Name="label_top55_12" Content="No Data" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="325,59,0,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="165" BorderBrush="Black" Grid.Column="1" />
                    <Image x:Name="image_cover2_12" Margin="0,89,120,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover1_12" Margin="0,89,324,0" Source="Resources/WGM_icon_dark.png" HorizontalAlignment="Right" Width="165" Height="225" VerticalAlignment="Top">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover3_12" Margin="416,89,415,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Center" Width="166" Grid.ColumnSpan="2">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover4_12" Margin="123,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Image x:Name="image_cover5_12" Margin="325,89,0,0" Source="Resources/WGM_icon_dark.png" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="165" Grid.Column="1">
                        <Image.Effect>
                            <DropShadowEffect Direction="290" BlurRadius="20"/>
                        </Image.Effect>
                    </Image>
                    <Label Content="#1" Margin="0,5,324,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalAlignment="Right" Width="165" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#2" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="0,5,120,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Right" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black"/>
                    <Label Content="#3" HorizontalAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" Margin="416,5,415,0" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Width="166" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.ColumnSpan="2"/>
                    <Label Content="#4" Margin="123,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                    <Label Content="#5" Margin="325,5,0,0" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" HorizontalAlignment="Left" Width="165" FontFamily="Segoe UI Semibold" FontSize="14" BorderBrush="Black" Grid.Column="1"/>
                </Grid>
            </TabItem>
            <TabItem Header="Total Playtime" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Grid metro:ApplicationBar.PreventsOpen="true">
                    <ListView x:Name="listview_tplaytime" Margin="0,0,250,0" BorderThickness="0" Background="{Binding Background, ElementName=textbox_playtime}" BorderBrush="{Binding Background, ElementName=theme_element2}" Foreground="{Binding Foreground, ElementName=textbox_playtime}">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="playtimename_Click" />
                                <MenuItem Header="Sort by Playtime" Click="playtime_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Position" DisplayMemberBinding="{Binding Col0}" Width="60"/>
                                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Col1}" Width="250"/>
                                <GridViewColumn Header="Playtime" DisplayMemberBinding="{Binding Col2}" Width="90"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                    <Label Content="Playtime Today" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" HorizontalAlignment="Right" Width="250" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" />
                    <TextBox x:Name="textbox_resumtoday" HorizontalAlignment="Right" Height="23" Margin="0,31,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="250" HorizontalContentAlignment="Center" />
                    <Label Content="Playtime This Week" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" HorizontalAlignment="Right" Width="250" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Margin="0,80,0,0" />
                    <Label Content="Playtime This Month" Foreground="{Binding Foreground, ElementName=textbox_playtime}" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" HorizontalAlignment="Right" Width="250" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Margin="0,160,0,0" RenderTransformOrigin="0.496,3.769" />
                    <TextBox x:Name="textbox_resumweek" HorizontalAlignment="Right" Height="23" Margin="0,111,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="250" HorizontalContentAlignment="Center" />
                    <TextBox x:Name="textbox_resummonth" HorizontalAlignment="Right" Height="23" Margin="0,191,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="250" HorizontalContentAlignment="Center" />
                </Grid>
            </TabItem>
        </TabControl>
        <TabControl x:Name="tabcontrol_type" Margin="1,110,0,0" Grid.ColumnSpan="2" BorderBrush="{Binding BorderBrush, ElementName=label1}" Visibility="Hidden">
            <TabItem Header="Action">
                <Grid metro:ApplicationBar.PreventsOpen="true">
                    <ListView x:Name="listview_action" BorderThickness="0" Background="{Binding Background, ElementName=textbox_playtime}" BorderBrush="{Binding BorderBrush, ElementName=textbox_playtime}" Foreground="{Binding Foreground, ElementName=textbox_playtime}">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Col1}" Width="250"/>
                                <GridViewColumn Header="Last Played" DisplayMemberBinding="{Binding Col2}" Width="95"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="Aventure" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_aventure" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="FPS" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_fps" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="MMORPG" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_mmorpg" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="Racing" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_racing" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="RPG" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_rpg" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="Simulation" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_simulation" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="Strategy" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_strategy" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
            <TabItem Header="Survival" metro:ApplicationBar.PreventsOpen="true">
                <Grid>
                    <ListView x:Name="listview_survival" Background="{Binding Background, ElementName=tabcontrol_type}" BorderBrush="{Binding BorderBrush, ElementName=tabcontrol_type}" Foreground="{Binding Foreground, ElementName=tabcontrol_type}" BorderThickness="0">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewColumnHeader}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                                            <Border BorderThickness="0,0,0,1" BorderBrush="{Binding Background, ElementName=theme_element2}" Background="Transparent">
                                                <TextBlock x:Name="ContentHeader" Text="{TemplateBinding Content}" Padding="5,5,5,0" Width="{TemplateBinding Width}" TextAlignment="Center" Foreground="{Binding Foreground, ElementName=textbox_playtime}" />
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                            <Style TargetType="{x:Type ListViewItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                                            <GridViewRowPresenter />
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListView.Resources>
                        <ListView.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Sort by Name" Click="name_Click" />
                                <MenuItem Header="Sort by Last Played" Click="lastplayed_Click" />
                            </ContextMenu>
                        </ListView.ContextMenu>
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Name" Width="250" DisplayMemberBinding="{Binding Col1}"/>
                                <GridViewColumn Header="Last Played" Width="95" DisplayMemberBinding="{Binding Col2}"/>
                            </GridView>
                        </ListView.View>
                        <ListViewItem Content="ListViewItem"/>
                    </ListView>
                </Grid>
            </TabItem>
        </TabControl>
        <Label Content="Game in Library:" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="367,32,0,0" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" />
        <Label Content="Completed Game:" Foreground="{Binding Foreground, ElementName=textbox_playtime}" HorizontalAlignment="Left" Margin="367,63,0,0" VerticalAlignment="Top" FontFamily="Segoe WP Semibold" />
        <TextBox x:Name="textbox_gamelibrary" HorizontalAlignment="Left" Height="23" Margin="480,35,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
        <TextBox x:Name="textbox_gamecompleted" HorizontalAlignment="Left" Height="23" Margin="480,66,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" FontSize="12" FontFamily="Segoe UI" VerticalContentAlignment="Center" BorderBrush="{x:Null}" BorderThickness="0" IsReadOnly="True" Width="188" />
        <Button x:Name="button_played" Content="Most Played" Margin="0,35,10,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="239" IsEnabled="False" Click="button_played_Click"/>
        <Button x:Name="button_type" Content="By Type" Margin="0,74,10,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="239" Click="button_type_Click"/>
        <Button x:Name="theme_element2" Content="By Type" Margin="0,74,10,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="239" Click="button_type_Click" Visibility="Hidden"/>
    </Grid>
</Page>
